Skip to content

后端技术:C#,.Net Core,PostgreSQL 前端技术:Vue.js,Element-UI,ArcGIS API For Javascript,二维三维地图展示 数据处理:ArcGIS Server,ArcGIS Map

完成了以下工作: (1)Vue.js + Element-UI 框架搭建,将 Header、Aside、Map、Form、EchartsPane 等代码进行组件化封装。 (2)搭建 ArcGIS Server 10.5,ArcGIS Map 10.5,并部署 ArcGIS API For Javascript 4.15。 (3)完成成果展示页面安装 esri-loader,加载 esri-loader,并展示离线地图。 (4)完成 Vue.js + Element-UI 绘制 Echarts 图表,并改变 Echarts 图表的主题风格。 (5)完成填写项目基本情况和项目前期工作的表单页,可用于自定义属性编辑页面。 (6)完成地图操作,放大、缩小、回到全图范围、图层开关、切换平面、切换三维、画点、画线、画面、测量距离、测量面积、清除绘制、要素属性多条件查询、增加要素并填写属性、修改要素属性、删除要素、图层预览。 (7)文件上传、文件下载。

项目运行效果

字数
778 字
阅读时间
4 分钟

项目初期运行效果:

imgimgimgimg

项目一期工程运行效果:

成果展示地图全图(侧边栏折叠状态):

img

成果展示地图全图(侧边栏展开状态):

img

成果展示地图全图(图层开关打开状态):

imgimgimg

三维地图展示:

img

三维地图高程信息展示:

imgimg

在地图上绘制点:

img

在地图上绘制线:

img

在地图上绘制面:

img

在地图上测量距离:

img

在地图上测量面积:

img

数据统计页面:

imgimgimgimg

要素属性多条件查询:

imgimgimgimg

要素属性多条件查询结果列表展示并在地图上高亮展示:

imgimgimg

增加要素并填写属性:

imgimgimgimgimg

编辑要素属性:

imgimgimg

点击要素属性弹出框播放视频:

img

删除要素:

imgimgimg

成果及资料管理平铺页面:

img

展示各个图层详细信息:

imgimgimg

预览某个图层:

img

导出图层数据到 Excel 表格:

imgimg

展示各个 ArcGIS 服务中图层的详细信息:

imgimgimgimg

上传文件:

imgimg

下载文件:

img

正在开发中的页面:

img

贡献者

文件历史

撰写